<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title th:text="${session.title}">123</title>
    <link th:replace="common/header"/>
    <link rel="stylesheet" th:href="@{/css/ace-skins.min.css}"/>
    <link th:replace="common/tip"/>
</head>
<body class="navbar-fixed">
<div th:replace="common/top"></div>
<div class="container-fluid main_bg" id="main-container">
    <a id="menu-toggler" href="#"><span></span></a>
    <div th:replace="common/menu"></div>
    <div id="main-content" class="clearfix">
        <div id="page-content" class="clearfix">
            <div th:replace="common/title"></div>
            <h3 class="header smaller lighter blue"><em class="icon-list"></em>排位赛排行榜</h3>
            <form class="form-horizontal" th:object="${footRankSearchForm}" method="post"
                  th:action="@{/hy/footRank/search}"
                  name="form"
                  th:if="${session.footUser.qx.text == '会员' || session.footUser.qx.text == 'VIP1' || session.footUser.qx.text == 'VIP2' || session.footUser.qx.text == 'VIP3'}">
                <div class="row-fluid">
                    <div class="span2">
                        <a class="btn" type="button" th:href="@{/index}"><em class="icon-arrow-left"></em>返回首页</a>
                    </div>
                    <div class="span10">
                        <table style="width:100%" border="0">
                            <tbody>
                            <tr>
                                <th style="width: 55px;">玩家:</th>
                                <td style="width: auto;"><input th:field="*{userName}" type="text" name="userName"
                                                                class="input_fix" placeholder="玩家"/></td>
                                <th style="width: 55px;">赛季:</th>
                                <td>
                                    <select class="input_fix" th:field="*{sj}" name="sj" id="sj" title="">
                                        <option value="">全部</option>
                                        <option th:each="t:${sjList}" th:text="${t.sjbm}" th:value="${t.id}">123
                                        </option>
                                    </select>
                                </td>
                                <td style="width:120px;">
                                    <button class="btn btn-info" style="float: right;" type="button"
                                            onclick="pagechange(1);"><em class="icon-search"></em>查询
                                    </button>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row-fluid" th:if="${footRankList != null && #lists.size(footRankList) > 0}">
                    <div class="span4" th:if="${#lists.size(footRankList) >= 2}" style="border: 3px #F8F8FF solid">
                        <div class="span3">
                            <img th:src="@{'/' + ${footRankList[1].logoUrl}}" src="" alt=""
                                 th:if="${footRankList[1].logoUrl != null}"/>
                            <img th:src="@{/images/yinpai.png}" src="" alt=""
                                 th:if="${footRankList[1].logoUrl == null}"/>
                        </div>
                        <div class="span9">
                            <div class="row-fluid">
                                <h4 class="header smaller lighter blue">排位TOP2</h4>
                            </div>
                            <div class="row-fluid">
                                <div class="span4">
                                    用户昵称:
                                </div>
                                <div class="span8">
                                    <img th:src="@{/images/vip.png}" alt="" src=""
                                         th:if="${footRankList[1].vipType == '会员'}"/>
                                    <img th:src="@{/images/vip1.png}" alt="" src=""
                                         th:if="${footRankList[1].vipType == 'VIP1'}"/>
                                    <img th:src="@{/images/vip2.png}" alt="" src=""
                                         th:if="${footRankList[1].vipType == 'VIP2'}"/>
                                    <img th:src="@{/images/vip3.png}" alt="" src=""
                                         th:if="${footRankList[1].vipType == 'VIP3'}"/>
                                    <span th:text="${footRankList[1].userName}">123</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span4" th:text="'胜利次数:' + ${footRankList[1].s} + '场'">123</div>
                                <div class="span4" th:text="'打平次数:' + ${footRankList[1].p} + '场'">123</div>
                                <div class="span4" th:text="'失败次数:' + ${footRankList[1].f} + '场'">123</div>
                            </div>
                            <div class="row-fluid">
                                <div class="span4" th:text="'进球:' + ${footRankList[1].jq}">123</div>
                                <div class="span4" th:text="'失球:' + ${footRankList[1].sq}">123</div>
                                <div class="span4" th:text="'净胜球:' + ${footRankList[1].jsq}">123</div>
                            </div>
                            <div class="row-fluid">
                                <div class="span4"
                                     th:text="'胜率:' + ${#numbers.formatPercent(footRankList[1].sl, 1, 0)}">123
                                </div>
                                <div class="span4" th:text="'积分:' + ${footRankList[1].jf}">123</div>
                                <div class="span4" th:text="'比赛场次:' + ${footRankList[1].bscc} + '场'">123</div>
                            </div>
                        </div>
                    </div>
                    <div class="span4" th:if="${#lists.size(footRankList) >= 1}" style="border: 3px #FFFF00 solid">
                        <div class="span3">
                            <img th:src="@{'/' + ${footRankList[0].logoUrl}}" src="" alt=""
                                 th:if="${footRankList[0].logoUrl != null}"/>
                            <img th:src="@{/images/jinpai.png}" src="" alt=""
                                 th:if="${footRankList[0].logoUrl == null}"/>
                        </div>
                        <div class="span9">
                            <div class="row-fluid">
                                <h4 class="header smaller lighter blue">排位TOP1</h4>
                            </div>
                            <div class="row-fluid">
                                <div class="span4">
                                    用户昵称:
                                </div>
                                <div class="span8">
                                    <img th:src="@{/images/vip.png}" alt="" src=""
                                         th:if="${footRankList[0].vipType == '会员'}"/>
                                    <img th:src="@{/images/vip1.png}" alt="" src=""
                                         th:if="${footRankList[0].vipType == 'VIP1'}"/>
                                    <img th:src="@{/images/vip2.png}" alt="" src=""
                                         th:if="${footRankList[0].vipType == 'VIP2'}"/>
                                    <img th:src="@{/images/vip3.png}" alt="" src=""
                                         th:if="${footRankList[0].vipType == 'VIP3'}"/>
                                    <span th:text="${footRankList[0].userName}">123</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span4" th:text="'胜利次数:' + ${footRankList[0].s} + '场'">123</div>
                                <div class="span4" th:text="'打平次数:' + ${footRankList[0].p} + '场'">123</div>
                                <div class="span4" th:text="'失败次数:' + ${footRankList[0].f} + '场'">123</div>
                            </div>
                            <div class="row-fluid">
                                <div class="span4" th:text="'进球:' + ${footRankList[0].jq}">123</div>
                                <div class="span4" th:text="'失球:' + ${footRankList[0].sq}">123</div>
                                <div class="span4" th:text="'净胜球:' + ${footRankList[0].jsq}">123</div>
                            </div>
                            <div class="row-fluid">
                                <div class="span4"
                                     th:text="'胜率:' + ${#numbers.formatPercent(footRankList[0].sl, 1, 0)}">123
                                </div>
                                <div class="span4" th:text="'积分:' + ${footRankList[0].jf}">123</div>
                                <div class="span4" th:text="'比赛场次:' + ${footRankList[0].bscc} + '场'">123</div>
                            </div>
                        </div>
                    </div>
                    <div class="span4" th:if="${#lists.size(footRankList) >= 3}" style="border: 3px #CD5B45 solid">
                        <div class="span3">
                            <img th:src="@{'/' + ${footRankList[2].logoUrl}}" src="" alt=""
                                 th:if="${footRankList[2].logoUrl != null}"/>
                            <img th:src="@{/images/tongpai.png}" src="" alt=""
                                 th:if="${footRankList[2].logoUrl == null}"/>
                        </div>
                        <div class="span9">
                            <div class="row-fluid">
                                <h4 class="header smaller lighter blue">排位TOP3</h4>
                            </div>
                            <div class="row-fluid">
                                <div class="span4">
                                    用户昵称:
                                </div>
                                <div class="span8">
                                    <img th:src="@{/images/vip.png}" alt="" src=""
                                         th:if="${footRankList[2].vipType == '会员'}"/>
                                    <img th:src="@{/images/vip1.png}" alt="" src=""
                                         th:if="${footRankList[2].vipType == 'VIP1'}"/>
                                    <img th:src="@{/images/vip2.png}" alt="" src=""
                                         th:if="${footRankList[2].vipType == 'VIP2'}"/>
                                    <img th:src="@{/images/vip3.png}" alt="" src=""
                                         th:if="${footRankList[2].vipType == 'VIP3'}"/>
                                    <span th:text="${footRankList[2].userName}">123</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span4" th:text="'胜利次数:' + ${footRankList[2].s} + '场'">123</div>
                                <div class="span4" th:text="'打平次数:' + ${footRankList[2].p} + '场'">123</div>
                                <div class="span4" th:text="'失败次数:' + ${footRankList[2].f} + '场'">123</div>
                            </div>
                            <div class="row-fluid">
                                <div class="span4" th:text="'进球:' + ${footRankList[2].jq}">123</div>
                                <div class="span4" th:text="'失球:' + ${footRankList[2].sq}">123</div>
                                <div class="span4" th:text="'净胜球:' + ${footRankList[2].jsq}">123</div>
                            </div>
                            <div class="row-fluid">
                                <div class="span4"
                                     th:text="'胜率:' + ${#numbers.formatPercent(footRankList[2].sl, 1, 0)}">123
                                </div>
                                <div class="span4" th:text="'积分:' + ${footRankList[2].jf}">123</div>
                                <div class="span4" th:text="'比赛场次:' + ${footRankList[2].bscc} + '场'">123</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span12">
                        <table id="table_bug_report" class="table table-hover">
                            <thead>
                            <tr>
                                <th>名次</th>
                                <th>俱乐部名称</th>
                                <th class="hidden-480">所属玩家</th>
                                <th class="hidden-480" style="width:60px;">比赛场次</th>
                                <th class="hidden-480" style="width:30px;">胜</th>
                                <th class="hidden-480" style="width:30px;">平</th>
                                <th class="hidden-480" style="width:30px;">负</th>
                                <th class="hidden-480" style="width:60px;">胜率</th>
                                <th class="hidden-480" style="width:60px;">进球</th>
                                <th class="hidden-480" style="width:60px;">失球</th>
                                <th class="hidden-480" style="width:60px;">净胜球</th>
                                <th style="width:60px;">积分</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr th:each="t, index:${footRankList}" th:if="${index.index > 2}">
                                <td th:text="${index.count}">123</td>
                                <td th:text="${t.qdName}">123</td>
                                <td class="hidden-480" th:text="${t.userName}">123</td>
                                <td class="hidden-480" th:text="${t.bscc }">123</td>
                                <td class="hidden-480" th:text="${t.s}">123</td>
                                <td class="hidden-480" th:text="${t.p}">123</td>
                                <td class="hidden-480" th:text="${t.f}">123</td>
                                <td class="hidden-480" th:text="${#numbers.formatPercent(t.sl, 1, 0)}">123</td>
                                <td class="hidden-480" th:text="${t.jq}">123</td>
                                <td class="hidden-480" th:text="${t.sq}">123</td>
                                <td class="hidden-480" th:text="${t.jsq}">123</td>
                                <td th:text="${t.jf}">123</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </form>
            <div class="clearfix"></div>
        </div>
        <div th:replace="common/skin :: skin"></div>
    </div><!--/#main-content-->
</div><!--/.fluid-container#main-container-->
<div th:replace="common/jsList"></div>
</body>
</html>
